<script setup>
// 简单写法(较少用，类型不明确)
// defineProps(['money'])

import { computed } from 'vue'

// 指定类型普通写法
// defineProps({
//   money: Number,
// })

// 指定类型进阶写法(重点掌握)
// 🚨注意：想要在script中也操作props属性，应该接收返回值。
const props = defineProps({
  money: {
    type: Number,
    default: 100,
  },
})

const money2 = computed(() => {
  return props.money.toFixed(2)
})
</script>

<template>
  <h2>👦子组件 {{ money }}</h2>
  <h3>{{ money2 }}</h3>
</template>
